草庐IT

Angular 4 httpclient xml 响应

全部标签

javascript - 使用 RequireJS 加载时 Angular 无法实例化模块

当我将RequireJS与AngularJS一起使用时,确实发生了一些奇怪的事情。我设法通过RequireJS加载了我所有的Angular依赖项。当我在Chrome的开发人员工具中打开“源”Pane时,我可以看到这些脚本已下载。但是Angular一直在控制台中抛出错误,指出它未能实例化模块:UncaughtError:[$injector:modulerr]FailedtoinstantiatemoduleMyTestAppdueto:Error:[$injector:nomod]Module'MyTestApp'isnotavailable!Youeithermisspelledth

javascript - 调用函数时 Angular ng-keyup 不起作用

我有这个代码:它不会调用搜索功能,因为如果我执行ng-click="search()"它会起作用。这是为什么? 最佳答案 ng-keyup对我来说非常好。有关示例,请参见此fiddle:http://jsfiddle.net/r74a5m25/代码:Hello:functionMyCtrl($scope,$log){$scope.search=function(){alert('test');};}确保您拥有最新版本的Angular以便使用ng-keyup。看起来它从版本1.0.8开始可用。

javascript - Angular UIBootstrap 弹出错误

从http://angular-ui.github.io/bootstrap/中获取示例并按照我所做的指示:Mouseenter当我将鼠标移到按钮上时,我得到:未捕获的类型错误:无法读取未定义的ui-bootstrap-tpls-0.11.2.min.js:8的属性“split”positionElementsui-bootstrap-tpls-0.11.2.min.js:8zui-bootstrap-tpls-0.11.2.min.js:9pui-bootstrap-tpls-0.11.2.min.js:9kui-bootstrap-tpls-0.11.2.min.js:9b.eve

javascript - 在不轮询更改的情况下响应服务器端渲染

我正在尝试将现有网络应用程序从淘汰赛过渡到Reactjs。就目前而言,应用程序建立到服务器的websocket连接并异步接收更新(可能有许多客户端会影响彼此的状态,例如聊天室)。我的问题是,如果我在服务器端进行渲染,如何将更改推送到每个客户端?我才刚刚开始阅读有关服务器渲染的文章,所以我可能误解了它的工作原理,但我相信:客户端执行发送到服务器的操作,服务器响应一个html片段,然后客户端将其替换到它的DOM中如果应用程序的状态可以由服务器或另一个客户端更改,我是否仍会被迫使用websockets/http轮询来显示这些更新?否则服务器是否可以下推新的分片?

javascript - 计算给定 Angular 和长度的向量

有没有什么方法可以在javascript中调用一个带有x和y坐标和方向(以度为单位的Angular)的函数,它会返回一组已“移动”的新坐标'在原始坐标给出的方向上增加10px?我环顾四周,但我所能找到的只是获得两个给定坐标的Angular方法。 最佳答案 此函数返回新坐标的数组[xCoord,yCoord]:functionmyFunction(xCoord,yCoord,angle,length){length=typeoflength!=='undefined'?length:10;angle=angle*Math.PI/180

javascript - 如何从 ui-grid 中显示的按钮调用范围方法 - 在 Angular js 中

我想创建一个带有链接的自定义列,并在ng-click上调用$scope方法。ngGrid(HowtocallascopemethodfromabuttondisplayedinngGrid-inAngularjs)有非常相似的问题,该解决方案有效。我正在使用ui-grid,它应该只是ngGrid的更新版本,但它似乎在那里不起作用。这是我的代码:varapp=angular.module('plunker',['ui.grid']);app.controller('MainCtrl',function($scope){$scope.gridOptions={data:[{name:'te

javascript - Angular JS - UI路由器页面重新加载不会设置状态

这是我的主要应用程序(app.js)(function(ng,module){module.config(['$stateProvider','$urlRouterProvider',function($stateProvider,$urlRouterProvider){$urlRouterProvider.otherwise("app");$stateProvider.state('login',{url:'login',templateUrl:'/assets/templates/pages/login.html'}).state('root',{url:'',templateUr

javascript - 为什么我的工厂需要使用 angular.copy?

我正在尝试让事物工厂发出HTTP请求并能够在我的Controller中使用响应。在我的工厂中,我必须执行angular.copy(data,arr)。简单地执行arr=data是行不通的。为什么是这样?angular.copy()只是a)从arr中删除所有内容b)遍历data并将内容分配给arr。它与arr=data的唯一区别是arr指向data而不是data的新副本.为什么这很重要?为什么arr=data.slice(0)不起作用(据我所知,它与angular.copy几乎相同)?实现我的目标的最佳方法是什么?(正确使用工厂)ma​​in.htmlTestApp{{thing.nam

javascript - 如何在 Angular js中将数据从工厂传递到 Controller ?

我有一个工厂包含保存客户功能。成功后我想在Controller中传递它的响应以便我可以更新View。工厂sampleApp.factory("authFactory",function($location,$http,transformRequestAsFormPost){return{saveCustomer:function(data){varrequest=$http({method:"post",url:"webservice/ws.php?mode=saveCustomer",transformRequest:transformRequestAsFormPost,data:d

javascript - Angular JS - 指令中的数据绑定(bind)不起作用

我有一个指令内的数据绑定(bind)问题,该指令调用另一个指令。这是主要指令:varapp=angular.module('app');app.directive("myMainDirective",function($http){return{scope:{paramId:'='},link:function(scope){$http.get('some/url/'+scope.paramId+'.json').success(function(data){scope.idFromServer=data;});},template:''}});这是另一个指令:varapp=angul